<div class="card shadow card-body mb-4">
    <div (click)='collapseToggle()' class="collapsed pointer" data-toggle="collapse" [attr.data-target]="'#cluster'+cluster.id" aria-expanded="false"
        [attr.aria-controls]="'cluster'+cluster.id">
        <h4 class="mb-0">
            <i class="ti- mr-2"></i> {{ cluster.name }} Indicators</h4>
    </div>

    <div class="collapse pl-4 pt-2" [attr.id]="'cluster'+cluster.id">
        <company-indicator *ngFor="let indicator of indicators; let index = index" [parentId]='cluster.id' [canExpand]=true [indicator]="indicator"
            [columns]="columns" [getIndicatorFunc]="getIndicatorDetails" [getIndicatorParams]="[indicator, analyticsService]" [indicatorIndex]="index"
            [showAxis]="index == 0" class="col-md-12" style="width:100%;padding:0px"></company-indicator>
        <p *ngIf="indicators && indicators.length === 0">There are no such indicators</p>
    </div>
</div>